$(".header").on("click", "li", function () {
  $(this).addClass("change").siblings().removeClass("change");
});
$(function () {
  var ress = $.ajax("../data.json").then(function (res) {
    var html = "";
    for(let a = 0; a < res.datas.length; a++) {
      html += `
      <a href="./details.html">  
      <div class="box">
            <img src=${res.datas[a].imges}>
            <h5>${res.datas[a].name}</h5>
            <p>${res.datas[a].brief}</p>
            <h3>¥${res.datas[a].price}</h3>
        </div>
      </a>
        `;
    }
    $(".buttom").html(html)
  });
});
